<template>
  <el-icon :size="size" :color="color">
    <component :is="name"></component>
  </el-icon>
</template>

<script>
import { defineComponent } from 'vue'
import * as Icons from '@element-plus/icons-vue';
export default defineComponent({
  components: Icons,
  props: {
    size: [String, Number],
    color: String,
    name: {
      type: String,
      required: true,
    },
  },
});
</script>
